import React, { FC } from 'react';
import styles from '../style.less';


interface MediaItemProps {
  label?: string;
  children?: any;
}


const MediaItem: FC<MediaItemProps> = props => {
  const { label } = props;
  return (
    <div className={styles['media-form']}>
      <div className={styles['media-label']}>{label}:</div>
      <div className={styles['media-detail']}>
        {
          props.children
        }
      </div>
    </div>
  );
};

export default MediaItem;
